<!DOCTYPE html>
<html lang="zh-cn">

<head>
    {include file="common/head"}

</head>

<body>
    {include file="common/menu"}
    <!-- phone nav over-->
    <div class="baner-inner">
        <div class="img-banner wow" style="background-image: url(__static__/static/image/lxbanner.gif);"></div>
    </div>
    <div class="lx1" id="x1">
        <div class="bt3">联系我们</div>
        <ul class="lx1n  wow fadeInLeft">
            <li><img src="__static__/static/picture/lx3.png"><b>电话</b><span>{$site.phone}</span></li>
            <li><img src="__static__/static/picture/lx2.png"><b>传真</b><span>{$site.phone}</span></li>
            <li><img src="__static__/static/picture/lx1.png"><b>地址</b><span>{$site.address}</span></li>
        </ul>
    </div>


    <div class="ditu">
        <!--引用百度地图API-->
        <script type="text/javascript" src="__static__/static/js/api.js"></script>
        <!--百度地图容器-->
        <div class="map  wow fadeInLeft" id="dituContent"></div>
        <script type="text/javascript">
            var defaultData = {
                position: '114.294414,30.674495',
                theme: 'normal',
                title: '{$site.gsname}',
                description: '{$site.address}   <br/>电话：{$site.phone}'
            };

            if (document.location.hash) {
                defaultData = JSON.parse(decodeURIComponent(document.location.hash.substr(1)));
            }


            //创建和初始化地图函数：
            function initMap() {
                createMap();//创建地图
                setMapEvent();//设置地图事件
                addMapControl();//向地图添加控件
                addMarker();//向地图中添加marker
            }

            //创建地图函数：
            function createMap() {
                var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
                var p0 = defaultData.position.split(",")[0];
                var p1 = defaultData.position.split(",")[1];
                var point = new BMap.Point(p0, p1);//定义一个中心点坐标
                map.centerAndZoom(point, 18);//设定地图的中心点和坐标并将地图显示在地图容器中
                window.map = map;//将map变量存储在全局

                /*map.setMapStyle({
                  styleJson:[{
                      "featureType": "all",
                      "elementType": "all",
                      "stylers": {"lightness": 10,"saturation": -100}
                  }]
                });*/
                map.setMapStyle({ style: defaultData.theme });
            }

            //地图事件设置函数：
            function setMapEvent() {
                map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
                map.enableScrollWheelZoom();//启用地图滚轮放大缩小
                map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
                map.enableKeyboard();//启用键盘上下左右键移动地图
            }

            //地图控件添加函数：
            function addMapControl() {
                //向地图中添加缩放控件
                var ctrl_nav = new BMap.NavigationControl({ anchor: BMAP_ANCHOR_TOP_LEFT, type: BMAP_NAVIGATION_CONTROL_LARGE });
                map.addControl(ctrl_nav);
                //向地图中添加缩略图控件
                var ctrl_ove = new BMap.OverviewMapControl({ anchor: BMAP_ANCHOR_BOTTOM_RIGHT, isOpen: 1 });
                map.addControl(ctrl_ove);
                //向地图中添加比例尺控件
                var ctrl_sca = new BMap.ScaleControl({ anchor: BMAP_ANCHOR_BOTTOM_LEFT });
                map.addControl(ctrl_sca);
            }

            //标注点数组
            var markerArr = [{ title: defaultData.title, content: defaultData.description, point: defaultData.position, isOpen: 1, icon: { w: 21, h: 21, l: 0, t: 0, x: 6, lb: 5 } }
            ];
            //创建marker
            function addMarker() {
                for (var i = 0; i < markerArr.length; i++) {
                    var json = markerArr[i];
                    var p0 = json.point.split(",")[0];
                    var p1 = json.point.split(",")[1];
                    var point = new BMap.Point(p0, p1);
                    var iconImg = createIcon(json.icon);
                    /*var marker = new BMap.Marker(point,{icon:iconImg});*/
                    var marker = new BMap.Marker(point);
                    var iw = createInfoWindow(i);
                    var label = new BMap.Label(json.title, { "offset": new BMap.Size(json.icon.lb - json.icon.x + 10, -20) });
                    marker.setLabel(label);
                    map.addOverlay(marker);
                    label.setStyle({
                        borderColor: "#808080",
                        color: "#333",
                        cursor: "pointer"
                    });

                    (function () {
                        var index = i;
                        var _iw = createInfoWindow(i);
                        var _marker = marker;
                        _marker.addEventListener("click", function () {
                            this.openInfoWindow(_iw);
                        });
                        _iw.addEventListener("open", function () {
                            _marker.getLabel().hide();
                        })
                        _iw.addEventListener("close", function () {
                            _marker.getLabel().show();
                        })
                        label.addEventListener("click", function () {
                            _marker.openInfoWindow(_iw);
                        })
                        if (!!json.isOpen) {
                            label.hide();
                            _marker.openInfoWindow(_iw);
                        }
                    })()
                }
            }
            //创建InfoWindow
            function createInfoWindow(i) {
                var json = markerArr[i];
                var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>" + json.content + "</div>");
                return iw;
            }
            //创建一个Icon
            function createIcon(json) {
                var icon = new BMap.Icon("http://brand.luke0731.com/template/pc/images/haha.gif", new BMap.Size(json.w, json.h), { imageOffset: new BMap.Size(-json.l, -json.t), infoWindowOffset: new BMap.Size(json.lb + 5, 1), offset: new BMap.Size(json.x, json.h) })
                return icon;
            }

            initMap();//创建和初始化地图
        </script>
    </div>


    <div class="lx2" id="x2">

    </div>
    {include file="common/footer"}

</body>

</html>